<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,user-scalable=no,minimal-ui">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../img/asset-favico.ico">
    <title>传智健康</title>
    <link rel="stylesheet" href="../css/page-health-index.css"/>
    <link rel="stylesheet" href="../css/page-health-login.css"/>
    <link rel="stylesheet" href="../plugins/elementui/index.css"/>
    <script src="../plugins/jquery/dist/jquery.min.js"></script>
    <script src="../plugins/healthmobile.js"></script>
    <script src="../plugins/vue/vue.js"></script>
    <script src="../plugins/vue/axios-0.18.0.js"></script>
    <script src="../plugins/elementui/index.js"></script>
    <style>
        /* 容器 <div> - 需要定位下拉内容 */
        .dropdown {
            position: relative;
            display: inline-block;
        }

        /* 下拉内容 (默认隐藏) */
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #f9f9f9;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        }

        /* 下拉菜单的链接 */
        .dropdown-content a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
        }

        /* 鼠标移上去后修改下拉菜单链接颜色 */
        .dropdown-content a:hover {
            background-color: #f1f1f1
        }

        /* 在鼠标移上去后显示下拉菜单 */
        .dropdown:hover .dropdown-content {
            display: block;
        }

    </style>
</head>
<body data-spy="scroll" data-target="#myNavbar" data-offset="150">
<div class="app">
    <!--   &lt;!&ndash; 页面头部 &ndash;&gt;
       <div class="top-header">
           <span class="f-left"><i class="icon-back" onclick="history.go(-1)"></i></span>
           <span class="center">传智健康</span>
           <span class="f-right"><i class="icon-more"></i></span>
       </div>-->
    <!-- 页面头部 -->
    <script>
        function ADD(obj) {
            var cookie_name = "login_member_id";
            var allcookies = document.cookie;
            //索引长度，开始索引的位置
            var cookie_pos = allcookies.indexOf(cookie_name);

            // 如果找到了索引，就代表cookie存在,否则不存在
            if (cookie_pos !== -1) {
                // 把cookie_pos放在值的开始，只要给值加1即可
                //计算取cookie值得开始索引，加的1为“=”
                cookie_pos = cookie_pos + cookie_name.length + 1;
                //计算取cookie值得结束索引
                var cookie_end = allcookies.indexOf(";", cookie_pos);

                if (cookie_end === -1) {
                    cookie_end = allcookies.length;

                }
                //得到想要的cookie的值
                var value = unescape(allcookies.substring(cookie_pos, cookie_end));
            }
            obj.href += value;
        }
    </script>
    <div class="top-header" style="position: relative;z-index: 5">
        <span class="f-left"><i class="icon-back" onclick="history.go(-1)"></i></span>
        <span class="center">传智健康</span>
        <span class="f-right">
<div class="dropdown">
  <i class="icon-more" id="AA"></i>
  <div class="dropdown-content" style="left:unset; right:0;">
    <a href="../pages/member_personal.html?id=" onclick="ADD(this)">个人中心</a>
    <a href="../pages/families_before.html">添加关系人</a>
    <a href="../pages/u_password.html?id=" onclick="ADD(this)">修改密码</a>
    <a href="#">退出账号</a>
  </div>
</div>
    </span>
    </div>
    <!-- 页面内容 -->
    <div class="contentBox" style="position: relative;z-index: 1">
        <div class="list-column2">
            <ul class="list">
                <li class="type-item" style="width: 100%">
                    <a class="link-page">
                        <div class="type-title">
                            <h3>张三</h3>
                            <p>男</p>
                            <p>入职体检套餐</p>
                            <p>2019-09-08</p>
                        </div>
                        <div class="type-icon">
                            查看
                        </div>
                    </a>
                </li>
            </ul>
            <ul class="list">
                <li class="type-item" style="width: 100%">
                    <a class="link-page">
                        <div class="type-title">
                            <h3>张三</h3>
                            <p>男</p>
                            <p>入职体检套餐</p>
                            <p>2019-09-08</p>
                        </div>
                        <div class="type-icon">
                            查看
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>